Đặt vé xe buýt trực tuyến bằng PHP / MySQLi
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5 <title>Welcome to James Buchanan Pub and Restaurant</title>
6 <link rel="stylesheet" type="text/css" href="xres/css/style.css" />
7 <link rel="icon" type="image/png" href="xres/images/favicon.png" />
8 <link type="text/css" href="css/styles.css" rel="stylesheet" media="all" />
9 <script type="text/javascript" src="js/sagallery.js"></script>
10 <script src="js/jquery.quicksand.js" type="text/javascript"></script>
11 <script src="js/jquery.easing.js" type="text/javascript"></script>
12 <script src="js/script.js" type="text/javascript"></script>
13 <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
14 <link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
15 </head>
16
17 <body>
18 <div id="wrapper">
19 <div id="header">
20 <h1><a href="index.php"><img src="xres/images/logo.png" class="logo" alt="James Buchanan Pub and Restaurant" /></a></h1>
21 <ul id="mainnav">
22 <li><a href="index.php">Home</a></li>
23 <li class="current"><a href="gallery.php">Gallery</a></li>
24 <li><a href="history.php">History</a></li>
25 <li><a href="routes.php">Routes</a></li>
26 <li><a href="location.php">location</a></li>
27 <li><a href="contact.php">Contact Us</a></li>
28 </ul>
29 </div>
30 <div id="content">
31 <div id="gallerycontainer">
32 <ul class="portfolio-categ filter">
33 <li>categories:</li>
34 <li class="all active"><a href="#">All</a></li>
35 <li class="cat-item-1"><a href="#" title="Category 1">Category 1</a></li>
36 <li class="cat-item-2"><a href="#" title="Category 2">Category 2</a></li>
37 <li class="cat-item-3"><a href="#" title="Category 3">Category 3</a></li>
38 <li class="cat-item-4"><a href="#" title="Category 4">Category 4</a></li>
39 </ul>
40 <ul class="portfolio-area" style="width: 860px;">
41
42 <li class="portfolio-item2" data-id="id-0" data-type="cat-item-4">
43 <div>
44 <span class="image-block">
45 <a class="image-zoom" href="images/big/pic1.jpg" rel="prettyPhoto[gallery]" title="Wall-E"><img width="225" height="140" src="images/thumbs/p1.jpg" alt="Wall-E" title="Wall-E" />
46 </a>
47 </span>
48 <div class="home-portfolio-text">
49 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Wall-E">Wall-E</a></h2>
50 <p class="post-subtitle-portfolio">released: 2008</p>
51 </div>
52
53 </div>
54 </li>
55
56
57 <li class="portfolio-item2" data-id="id-1" data-type="cat-item-2">
58 <div>
59 <span class="image-block">
60 <a class="image-zoom" href="images/big/pic2.jpg" rel="prettyPhoto[gallery]" title="Up"><img width="225" height="140" src="images/thumbs/p2.jpg" alt="Up" title="Up" />
61 </a>
62 </span>
63 <div class="home-portfolio-text">
64 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Up">Up</a></h2>
65 <p class="post-subtitle-portfolio">released: 2009</p>
66 </div>
67
68 </div>
69 </li>
70
71
72 <li class="portfolio-item2" data-id="id-2" data-type="cat-item-1">
73 <div>
74 <span class="image-block">
75 <a class="image-zoom" href="images/big/pic3.jpg" rel="prettyPhoto[gallery]" title="Cars 2"><img width="225" height="140" src="images/thumbs/p3.jpg" alt="Cars 2" title="Cars 2" />
76 </a>
77 </span>
78 <div class="home-portfolio-text">
79 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Cars 2">Cars 2</a></h2>
80 <p class="post-subtitle-portfolio">released: 2011</p>
81 </div>
82
83 </div>
84 </li>
85
86
87 <li class="portfolio-item2" data-id="id-3" data-type="cat-item-4">
88 <div>
89 <span class="image-block">
90 <a class="image-zoom" href="images/big/pic4.jpg" rel="prettyPhoto[gallery]" title="Toy Story 3"><img width="225" height="140" src="images/thumbs/p4.jpg" alt="Toy Story 3" title="Toy Story 3" />
91 </a>
92 </span>
93 <div class="home-portfolio-text">
94 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Toy Story 3">Toy Story 3</a></h2>
95 <p class="post-subtitle-portfolio">released: 2010</p>
96 </div>
97
98 </div>
99 </li>
100
101
102 <li class="portfolio-item2" data-id="id-4" data-type="cat-item-3">
103 <div>
104 <span class="image-block">
105 <a class="image-zoom" href="images/big/pic5.jpg" rel="prettyPhoto[gallery]" title="Finding Nemo"><img width="225" height="140" src="images/thumbs/p5.jpg" alt="Finding Nemo" title="Finding Nemo" />
106 </a>
107 </span>
108 <div class="home-portfolio-text">
109 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Finding Nemo">Finding Nemo</a></h2>
110 <p class="post-subtitle-portfolio">released: 2003</p>
111 </div>
112
113 </div>
114 </li>
115
116
117 <li class="portfolio-item2" data-id="id-5" data-type="cat-item-2">
118 <div>
119 <span class="image-block">
120 <a class="image-zoom" href="images/big/pic6.jpg" rel="prettyPhoto[gallery]" title="Lorax"><img width="225" height="140" src="images/thumbs/p6.jpg" alt="Lorax" title="Lorax" />
121 </a>
122 </span>
123 <div class="home-portfolio-text">
124 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Lorax">Lorax</a></h2>
125 <p class="post-subtitle-portfolio">released: 2012</p>
126 </div>
127
128 </div>
129 </li>
130
131
132 <li class="portfolio-item2" data-id="id-6" data-type="cat-item-1">
133 <div>
134 <span class="image-block">
135 <a class="image-zoom" href="images/big/pic7.jpg" rel="prettyPhoto[gallery]" title="Happy Feet 2"><img width="225" height="140" src="images/thumbs/p7.jpg" alt="Happy Feet 2" title="Happy Feet 2" />
136 </a>
137 </span>
138 <div class="home-portfolio-text">
139 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Happy Feet 2">Happy Feet 2</a></h2>
140 <p class="post-subtitle-portfolio">released: 2011</p>
141 </div>
142
143 </div>
144 </li>
145
146
147 <li class="portfolio-item2" data-id="id-7" data-type="cat-item-1">
148 <div>
149 <span class="image-block">
150 <a class="image-zoom" href="images/big/pic8.jpg" rel="prettyPhoto[gallery]" title="Tangled"><img width="225" height="140" src="images/thumbs/p8.jpg" alt="Tangled" title="Tangled" />
151 </a>
152 </span>
153 <div class="home-portfolio-text">
154 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Tangled">Tangled</a></h2>
155 <p class="post-subtitle-portfolio">released: 2010</p>
156 </div>
157
158 </div>
159 </li>
160
161
162 <li class="portfolio-item2" data-id="id-8" data-type="cat-item-1">
163 <div>
164 <span class="image-block">
165 <a class="image-zoom" href="images/big/pic9.jpg" rel="prettyPhoto[gallery]" title="Kung Fu Panda 2"><img width="225" height="140" src="images/thumbs/p9.jpg" alt="Kung Fu Panda 2" title="Kung Fu Panda 2" />
166 </a>
167 </span>
168 <div class="home-portfolio-text">
169 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Kung Fu Panda 2">Kung Fu Panda 2</a></h2>
170 <p class="post-subtitle-portfolio">released: 2011</p>
171 </div>
172
173 </div>
174 </li>
175
176
177
178 <li class="portfolio-item2" data-id="id-9" data-type="cat-item-2">
179 <div>
180 <span class="image-block">
181 <a class="image-zoom" href="images/big/pic10.jpg" rel="prettyPhoto[gallery]" title="Madagascar 3"><img width="225" height="140" src="images/thumbs/p10.jpg" alt="Madagascar 3" title="Madagascar 3" />
182 </a>
183 </span>
184 <div class="home-portfolio-text">
185 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Madagascar 3">Madagascar 3</a></h2>
186 <p class="post-subtitle-portfolio">released: 2012</p>
187 </div>
188
189 </div>
190 </li>
191
192
193 <li class="portfolio-item2" data-id="id-10" data-type="cat-item-3">
194 <div>
195 <span class="image-block">
196 <a class="image-zoom" href="images/big/pic11.jpg" rel="prettyPhoto[gallery]" title="Rango"><img width="225" height="140" src="images/thumbs/p11.jpg" alt="Rango" title="Rango" />
197 </a>
198 </span>
199 <div class="home-portfolio-text">
200 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Rango">Rango</a></h2>
201 <p class="post-subtitle-portfolio">released: 2011</p>
202 </div>
203
204 </div>
205 </li>
206
207
208 <li class="portfolio-item2" data-id="id-11" data-type="cat-item-4">
209 <div>
210 <span class="image-block">
211 <a class="image-zoom" href="images/big/pic12.jpg" rel="prettyPhoto[gallery]" title="Shrek Forever After"><img width="225" height="140" src="images/thumbs/p12.jpg" alt="Shrek Forever After" title="Shrek Forever After" />
212 </a>
213 </span>
214 <div class="home-portfolio-text">
215 <h2 class="post-title-portfolio"><a href="#" rel="bookmark" title="Shrek Forever After">Shrek Forever After</a></h2>
216 <p class="post-subtitle-portfolio">released: 2010</p>
217 </div>
218
219 </div>
220 </li>
221
222
223 <div class="column-clear"></div>
224 </ul>
225 <div class="clearfix"></div>
226 </div>
227 </div>
228
229
230
231
232 <div id="footer">
233 <h4>+63(2)3525393 • <a href="contact-us.php">Barangay West Kamias, Cubao, Quezon City, Metro Manila </a></h4>
234 <p>Hours of Operation • Mon - Sun: 10:00 am - 12:00 am</p>
235 <a href="index.php"><img src="xres/images/footer-logo.jpg" alt="James Buchanan Pub and Restaurant" /></a>
236 <p>© Copyright 2013 Florida Bus | All Rights Reserved <br /></p>
237 </div>
238
239 </div>
240 </body>
241 </html>